﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="stylesheet" type="text/css"  href="@Url.Content("~/content/css/style.css")" media="all" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/content/css/reset.css") " media="all" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/Site.css")" media="all" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.simplemodal.1.4.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.qtip.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.qtip.validation.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.watermark.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.corner.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/json2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery_plugin.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            showCancel();

            $('.cancelBtn').bind("click", function () {
                $(".cancelBtn").stop();
                $(".cancelBtn").fadeTo(500, 0);
                $('.textBox').attr({ value: "" });

            });

            $('.textBox').bind("change", function () {
                showCancel();
            });
            $('.textBox').bind("keydown", function () {
                showCancel();
            });
            $('.textBox').bind("keyup", function () {
                showCancel();
            });

            function showCancel() {
                var textBxContent = $(".textBox").attr("value");
                if ((textBxContent == "") || (textBxContent == " ") || (textBxContent == null)) {
                    $(".cancelBtn").fadeTo(500, 1);
                }
                else {
                    $(".cancelBtn").stop();
                    $(".cancelBtn").fadeTo(500, 1);
                }
            }
        });
    </script>
</head>
<body>
    <div class="wapper">
        <div class="header">
            <div class="logo">
                <img src="/Content/images/logo.jpg" /></div>
            <div class="search">
                <div id="searchHolder">
                    <span>
                        <input type="text" class="textBox" />
                        <img src="/Content/images/clearBtn.png" class="cancelBtn" /></span>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="navigation">
            <div id='cssmenu'>
                <ul>
                    <li class='active'><a href="@Url.Action("Index", "Home")" title="Edit"><span>Trang chủ</span></a></li>
                    <li class='active'><a href='#'><span>Sản phẩm</span></a> @*<ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li class='last'><a href='#'><span>Product 2</span></a></li>
      </ul>*@ </li>
                    <li class='active'><a href="@Url.Action("Index", "News")" title="Edit"><span>Tin tức</span></a></li>
                    <li class='active'><a href="@Url.Action("Index", "About")" title="Edit"><span>Giới thiệu</span></a></li>
                    <li class='active'><a href="@Url.Action("Index", "Contact")" title="Edit"><span>Liên
                        hệ</span></a></li>
                </ul>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="banner">
            <div class="slideshow">
                <img src="/Content/images/image.png" />
            </div>
            <div class="bieutuong">
                <img src="/Content/images/biutuong.png" />
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="bg_content">
            @RenderBody()
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="clear">
    </div>
    <div class="footer">
        <h2>
            Copyright @@ 2013 Plantana allright Service</h2>
    </div>
</body>
</html>
